<template>
    <div>
        <mt-header fixed title="我的"></mt-header>
        <div id="box">
            <mt-cell title="LL" id="my" is-link>
            <img slot="icon" src="../../img/header.jpg" width="60" height="60">
            </mt-cell>
        </div>

        <div class="list">
            <mt-cell title="钱包" label="收付款  零钱  银行卡" is-link></mt-cell>
        </div>
            
        <div class="list">
            <mt-cell title="收藏" label="可以在聊天或朋友圈中长按消息收藏" is-link class="lists"></mt-cell>
            <mt-cell title="相册" label="我的相册" is-link class="lists"></mt-cell>
            <mt-cell title="卡包" label="卡  朋友的优惠券  我的票券" is-link class="lists"></mt-cell>
            <mt-cell title="表情" label="推荐表情  更多精选" is-link></mt-cell>
        </div>

        <div class="list">
            <mt-cell title="设置" label="账号与安全  新消息通知  隐私  通用" is-link></mt-cell>
        </div>
        </div>
    </div>
</template>

<style scopped>
    #box{
        padding-top:10px;
    }
    #my{
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
    }
    #my img{
        padding: 10px;
    }

    .list{
        margin-top:10px;
        padding-left: 10px;
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
    }

    .lists{
        padding-bottom: 5px;
        border-bottom: 1px solid #e4e4e4;
    }

</style>
